<template lang="pug">
  section.app-page
    transition(name='fade', mode='out-in')
      keep-alive
        router-view(:key="createNonce")

</template>

<script>
export default {
  name: 'AppPage',
  computed: {
    createNonce() {
      return this.$route.name !== undefined ? this.$route.name +new Date(): this.$route +new Date()
    }
  }
}
</script>
<style lang="stylus">
  .app-page
    width: 100%
    height: 100vh
    overflow: hidden
</style>
